<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style lang="less">
.flex {
  display: flex;
}

.nowrap {
  flex-wrap: nowrap;
}

.wrap {
  flex-wrap: wrap;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.Jstart {
  justify-content: flex-start;
}

.Jbetween {
  justify-content: space-between;
}

.Jaround {
  justify-content: space-around;
}

.Jcenter {
  justify-content: center;
}

.Jend {
  justify-content: flex-end;
}

.Acenter {
  align-items: center;
}

.Aend {
  align-items: flex-end;
}

.Astart {
  align-items: flex-start;
}

.bold {
  font-weight: bold;
}
// .el-button--primary {

//   background: #32cfaa !important;
//   border-color: #32cfaa !important;
// }

.el-button--text {
  color: #32cfaa !important;
}

.ant-btn-primary {
  background: #32cfaa !important;
  border-color: #32cfaa !important;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):before {
  border-color: #32cfaa !important;
}

.ant-radio-button-wrapper:hover {
  color: #32cfaa !important;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #32cfaa !important;
  border-color: #32cfaa !important;
}

.ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  ):hover {
  color: #fff !important;
}

.ant-radio-button-wrapper-checked:not(
    .ant-radio-button-wrapper-disabled
  )::before {
  background-color: #32cfaa !important;
}

// .el-avatar {
//   background: #e4e4e4 !important;
// }

// .el-radio-button__orig-radio:checked+.el-radio-button__inner {
//   background: #32cfaa !important;
//   border-color: #32cfaa !important;
//   box-shadow: -1px 0 0 0 #32cfaa;
//   color: #fff;
// }

.el-menu-item:focus,
.el-menu-item:hover {
  outline: 0;
  background-color: #7bd2fa21 !important;
  color: #32cfaa !important;
}

// .el-menu-item.is-active {
//   color: #32cfaa !important;
// }

// .el-menu-item.is-active {
//   background-color: #edfdf6;
// }
// .el-submenu__title:hover,
// .el-menu-item:focus,
// .el-menu-item:hover {
//   // background-color: #edfdf6 !important;
//   color: #32cfaa !important;
// }

// .el-submenu__title:hover i {
//   // background-color: #edfdf6 !important;
//   color: #32cfaa !important;
// }

// .el-menu-item:hover i {
//   // background-color: #edfdf6 !important;
//   color: #32cfaa !important;
// }

// .ant-btn-primary {
//   background: #32cfaa !important;
//   border-color: #32cfaa !important;
// }

#app {
  height: 100%;
}

.linkmargin {
  margin-left: 8px;
}

.searchNav {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;

  h2 {
    margin: 0;
    line-height: 1.7;
  }

  .searchParams {
    flex: 1;
    display: flex;
    justify-content: right;
    align-items: center;

    .input {
      width: 240px;
      margin-left: 8px;
    }
  }

  // .button {
  //   height: 40px;
  //   line-height: 18px;
  //   margin-left: 8px;
  //   background: #32cfaa;
  //   border-color: #32cfaa;
  //   color: #fff;
  // }
}
</style>
